@import '../../../assets/css/CommonStyle.scss';
.NewNotis {
  padding: m-w(30) m-w(30);
  .navContainer {
    display: flex;
    justify-content: space-between;
    font-size: m-w(30);
    .returnContiner {
      .iconBack {
        height: m-w(44);
        width: m-w(44);
        margin-right: 10px;
      }
    }
    .sendNotif {
      //color: rgba(66, 156, 255, 1);
      font-size: m-w(30);
    }
  }
  .notiTitle {
    color: #333;
    font-weight: bold;
    font-size: m-w(32);
    margin-top: m-w(40);
    margin-bottom: m-w(20);
  }
  .notiTitleTextInput {
    min-height: m-w(130);
    margin-bottom: m-w(56);
  }
  .notiTypeTitle {
    color: #333;
    font-weight: bold;
    font-size: m-w(32);
    margin-bottom: m-w(20);
  }

  .notiTypeContainer {
    display: flex;
    .notiReVisiting {
      font-size: m-w(22);
      font-weight: m-w(500);
      color: #f5a623;
      background: rgba(#f5a623, 0.2);
      padding: m-w(14) m-w(28);
      border-radius: m-w(32);
      margin-right: m-w(24);
      height: m-w(64);
    }
    .notiVisit {
      font-size: m-w(22);
      font-weight: m-w(500);
      color: #5aa700;
      background: rgba(#5aa700, 0.2);
      padding: m-w(14) m-w(28);
      border-radius: m-w(32);
      margin-right: m-w(24);
      height: m-w(64);
    }
    .notiQuestionnaire {
      font-size: m-w(22);
      font-weight: m-w(500);
      color: #429cff;
      background: rgba(#429cff, 0.2);
      padding: m-w(14) m-w(28);
      border-radius: m-w(32);
      margin-right: m-w(24);
      height: m-w(64);
    }
    .imgIcon {
      height: m-w(34);
      width: m-w(34);
      margin-left: m-w(110);
      margin-top: m-w(-54);
    }
  }
  .notiSendTimeContainer {
    display: flex;
    color: #333;
    font-size: m-w(32);
    font-weight: bold;
    margin-top: m-w(66);
    align-items: center;
    padding-bottom: m-w(16);
    border-bottom: 1px solid rgba(#333, 0.1);
    .img {
      margin-left: m-w(16);
      height: m-w(32);
      width: m-w(32);
    }
  }
  .notiContentMsgTitle {
    color: #333;
    font-weight: bold;
    font-size: m-w(32);
    margin-top: m-w(56);
    margin-bottom: m-w(16);
  }
  .notiContentMsgInput {
    min-height: m-w(160);
    margin-bottom: m-w(56);
  }
  .ant-form-item {
    margin-bottom: 0px;
  }
  .ant-input {
    border: 1px solid rgba(214, 214, 214, 0.64);
    box-shadow: none !important;
  }

  .ant-input:hover {
    border: 1px solid rgba(214, 214, 214, 0.64);
    box-shadow: none !important;
  }
}
